.head{height:100px;background:#fff;position:relative;z-index:9;}
.head .logo{display:block;float:left;line-height:100px;width:168px;}
.logo img{width:100%;}
.head .nav{}
.nav li{float:left;position:relative;}
.nav li>a{display:block;line-height:100px;font-size:16px;color:#333;width:110px;text-align:center;}
/*.nav li>a:hover,.nav li>a.act{background:#0c50a2;color:#fff;}*/
/*.nav li:nth-child(1)>a{background:#eeba29;}
.nav li:nth-child(2)>a{background:#efe02b;}
.nav li:nth-child(3)>a{background:#c7e128;}
.nav li:nth-child(4)>a{background:#50ce25;}
.nav li:nth-child(5)>a{background:#24c69f;}
.nav li:nth-child(6)>a{background:#257bc6;}*/
.nav li .nav_er{
    position: absolute;background:#fff;width:130px;text-align:center;line-height: 36px;z-index: 2;
    transition: top .5s,opacity .5s;left:calc(50% - 65px);top:120%;opacity: 0;visibility: hidden;
}
.nav li:hover .nav_er{top:100%;opacity: 1;visibility: visible;}
.nav_er a{display: block;color:#333;font-size:14px;}
.nav_er a:hover{background:#0c50a2;color:#fff;}
.nav_btn{display:none;width:0.8rem;padding:0.34rem 0;height:1rem;box-sizing: border-box;float:right;}
.nav_btn span{display: block;margin:0.1rem auto;}
.nav_btn:after,.nav_btn:before{content:" ";margin: auto;}
.nav_btn span,.nav_btn:after,.nav_btn:before{display:block;width:0.4rem;height:0.04rem;transition:all .3s;background-color:#0c50a2;border-radius:0.05rem;position:relative;}
.nav_btn.openNav span{opacity: 0;}
.nav_btn.openNav:before{transform: rotate(45deg);top:0.14rem;}
.nav_btn.openNav:after{transform: rotate(-45deg);bottom:0.14rem;}
/****/
.foot{padding-top:40px;background:#666;}
.foot .foot_nav{float:left;width:900px;max-width:calc(100% - 300px);}
.foot_nav dl{width:16%;float:left;}
.foot_nav dt a{display:block;line-height:36px;font-size:16px;color:#fff;}
.foot_nav dd a{display:block;line-height:30px;font-size:14px;color:#fff;}
.foot_nav dt a:hover, .foot_nav dd a:hover{color:#0c50a2;}
.foot .foot_con{float:left;font-size:14px;line-height:30px;color:#fff;padding-left:50px;border-left:1px solid #888;min-height:200px;}
.foot .bottom{font-size:14px;line-height:24px;padding:12px;color:#fff;border-top:1px solid #888;text-align:center;margin-top:20px;}
/****/
.banner_list li a{display:block;}
.banner .bx-wrapper .bx-controls-direction a{width:44px;height:44px;margin-top:-22px;border-radius:3px;background-color:rgba(255,255,255,.7);}
.banner .bx-wrapper .bx-prev{left: 12%;}
.banner .bx-wrapper .bx-next{right:12%;}
.banner .bx-wrapper .bx-pager{bottom:24px;}
.banner .bx-wrapper .bx-pager.bx-default-pager a{background:#f9f9f9;}
.banner .bx-wrapper .bx-pager.bx-default-pager a.active,.banner .bx-wrapper .bx-pager.bx-default-pager a:hover{background:#ee1d23;}
/**index main**/
.ind_prot{background: url("../images/homepro.jpg") center no-repeat;}
.ind_abt{padding:60px 16px; background: url("../images/homeabout.jpg") center no-repeat;}
.ind_abt .indA_L{width:100%;float:left;}
.indA_L .indA_T1{line-height:30px;color:#333;margin-bottom:40px;}
.indA_T1 img{display:block;margin-bottom:18px;max-width:100%;}
.indA_L .indA_T2{font-size:16px;line-height:30px;color:#333;text-align:justify;margin-bottom:40px;}
.indA_L .indA_pic1,.indA_R .indA_pic2{box-shadow:0 0 30px rgba(0,0,0,.2);}
.ind_abt .indA_R{width:648px;float:right;}
.indA_R .indA_his{padding-right:30px;}
.indA_his ul li{padding-top:20px;}
.indA_his .indAH_T1{font-size:30px;line-height:50px;color:#333;}
.indA_his .indAH_T2{font-size:16px;line-height:30px;color:#999;height:60px;}
.indA_his  .bx-wrapper .bx-controls-direction a{width:26px;height:26px;margin-top:0;left:inherit;right:-30px;border:1px solid #e5e5e5;}
.indA_his  .bx-wrapper .bx-prev{top:32px;background: url("../images/to_left_02.png") center no-repeat;}
.indA_his  .bx-wrapper .bx-next{top:96px;background:url("../images/to_right_02.png") center no-repeat;}
.indA_his  .bx-wrapper .bx-prev:hover{background: #0c50a2 url("../images/to_left_03.png") center no-repeat;border-color:#0c50a2;}
.indA_his  .bx-wrapper .bx-next:hover{background:#0c50a2 url("../images/to_right_03.png") center no-repeat;border-color:#0c50a2;}
/****/
.ind_title{font-size:40px;line-height:60px;color:#333;text-align:center;}
.ind_pro .indP_pic{
    display:block;margin-top:30px;height:75vh;box-shadow:0 10px 30px rgba(0,0,0,.2);
    background-position:center;background-size:cover;transition:all .6s;
}
.ind_pro .indP_list{position:absolute;left:0;width:100%;top:-75px;background:#fff;height:130px;padding-top:20px;text-align:center;box-shadow:0 5px 10px rgba(0,0,0,.1);}
.indP_list .indP_one{
    display:inline-block;vertical-align:top;box-sizing:border-box;position:relative;
    line-height:30px;font-size:20px;color:#999;border-right:1px solid #e5e5e5;width:18%;
}
.indP_list .indP_one:last-child{border-right:none;}
.indP_one i{display:block;height:70px;margin-bottom:10px;}
.indP_one.indP1 i{background:url("../images/ind_pro_01.png") center no-repeat;}
.indP_one.indP2 i{background:url("../images/ind_pro_02.png") center no-repeat;}
.indP_one.indP3 i{background:url("../images/ind_pro_03.png") center no-repeat;}
.indP_one.indP4 i{background:url("../images/ind_pro_04.png") center no-repeat;}
.indP_one.indP5 i{background:url("../images/ind_pro_05.png") center no-repeat;}
.indP_one:after{
    content:"";display:block;width:120px;height:4px;background:#0c50a2;position:absolute;
    left:calc(50% - 60px);bottom:-20px;transition:all .6s;transform:scale(0,1);
}
.indP_list .indP_one.act{color:#0c50a2;}
.indP_one.indP1.act i{background-image:url("../images/ind_pro_012.png")}
.indP_one.indP2.act i{background-image:url("../images/ind_pro_022.png")}
.indP_one.indP3.act i{background-image:url("../images/ind_pro_032.png")}
.indP_one.indP4.act i{background-image:url("../images/ind_pro_042.png")}
.indP_one.indP5.act i{background-image:url("../images/ind_pro_052.png")}
.indP_one.act:after{transform:scale(1,1);}
/****/
.ind_news{padding:60px 16px 60px;overflow-x:hidden;}
.ind_news .indN_main{padding:36px 0;/*position:relative;*/}
/*.indN_main:after{content:"";display:block;width:100vw;height:1px;background:#e5e5e5;position:absolute;top:50%;left:calc(50% - 50vw);}*/
.ind_news .indN_show{width:450px;float:left;}
.indN_show .indNS_list{}
.indNS_list .indNS_one{display:block;}
.indNS_one .indNS_pic{box-shadow:0 0 30px rgba(0,0,0,.2);}
.indNS_one .indNS_txt{margin:0 20px 0 0;position:relative;font-size:14px;color:#999;}
.indNS_one .indNS_T1{line-height:30px;height:30px;padding:20px 0 8px;}
.indNS_T1 .fl{font-size:16px;color:#333;width:calc(100% - 80px);transition:all .6s;}
.indNS_one .indNS_T2{line-height:24px;height:48px;}
.indNS_one .indNS_DD{width:78px;line-height:24px;border:1px solid #e5e5e5;margin:52px 0 0;text-align:center;transition:all .6s;}
.indNS_txt:before, .indNS_txt:after{content:"";display:block;height:2px;position:absolute;left:0;bottom:56px;}
.indNS_txt:before{background:#e5e5e5;width:100%;}
.indNS_txt:after{background:#0c50a2;width:52px;}
.indNS_one:hover .indNS_T1 .fl{color:#0c50a2;}
.indNS_one:hover .indNS_DD{background:#0c50a2;color:#fff;border-color:#0c50a2;}
.indN_show  .bx-wrapper .bx-controls-direction a{width:26px;height:26px;margin-top:0;border:1px solid #e5e5e5;bottom:0;top:inherit;}
.indN_show  .bx-wrapper .bx-prev{right:56px;background: url("../images/to_left_02.png") center no-repeat;left:inherit;}
.indN_show  .bx-wrapper .bx-next{right:20px;background:url("../images/to_right_02.png") center no-repeat;}
.indN_show  .bx-wrapper .bx-prev:hover{background: #0c50a2 url("../images/to_left_03.png") center no-repeat;border-color:#0c50a2;}
.indN_show  .bx-wrapper .bx-next:hover{background:#0c50a2 url("../images/to_right_03.png") center no-repeat;border-color:#0c50a2;}
.ind_news .indN_list{width:calc(100% - 450px);float:left;}
.indN_list .indN_one{display:block;width:50%;box-sizing:border-box;height:240px;border-left:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;float:left;padding:0 5%;}
.indN_one .indN_num{line-height:40px;padding-top:22px;text-align:right;font-size:20px;color:#0c50a2;transition:all .6s;}
.indN_one .indN_T1{font-size:16px;line-height:30px;color:#333;height:30px;margin-bottom:8px;transition:all .6s;}
.indN_one .indN_T2{font-size:14px;line-height:24px;height:48px;color:#999;transition:all .6s;}
.indN_one .indN_T3{font-size:14px;line-height:30px;color:#999;padding-top:20px;text-align:right;transition:all .6s;}
.indN_list .indN_one:hover{background:#0c50a2;box-shadow:10px 10px 20px rgba(0,0,0,.1);}
.indN_one:hover .indN_num, .indN_one:hover .indN_T1, .indN_one:hover .indN_T2, .indN_one:hover .indN_T3{color:#fff;}
.ind_more_pro{display:block;width:140px;line-height:38px;margin:auto;font-size:14px;color:#fff;border:1px solid #2e6db2;text-align:center;font-family:Arial; background:#2e6db2;}
.ind_more{display:block;width:140px;line-height:38px;margin:auto;font-size:14px;color:#999;border:1px solid #999999;text-align:center;font-family:Arial;}
.ind_more:hover{display:block;width:140px;line-height:38px;margin:auto;font-size:14px;color:#fff;border:1px solid #0b50a2;text-align:center;font-family:Arial; background:#0b50a2;}
.ind_more i{display:inline-block;padding-left:24px;background:url("../images/more_01.png") right center no-repeat;transition:all .6s;}
.ind_more:hover i{padding-left:32px;}
/****/
.ind_par{padding:30px 16px 60px 10px; background:url("../images/homelinkbg.jpg") center bottom no-repeat;}
.ind_par .indPar_list{padding-top:30px;}
.indPar_list .indPa_one{display:block;width:23.2%;margin:0 2.4% 30px 0;float:left;box-sizing:border-box;border:1px solid #e5e5e5;background:#fff;}
.indPar_list .indPa_one:nth-child(4n){margin-right:0;}
.indPar_list .indPa_one:hover{transform:translateY(-5px);box-shadow:0 0 20px rgba(0,0,0,.1);}
.indPa_one img{width:100%;}

.h_about_t{ background:url("../images/about_t.jpg") center bottom no-repeat; padding-bottom:10px; margin-bottom:10px; color:#0b50a2;}


<!--Ê×Ò³²úÆ·-->
.product-index ul {
  /*  margin-left: -1.25%;*/
}
.product-index li {
  /* width:48%;*/
  /*  margin-left: 0.25%;*/
  float: left;
  position: relative;
  overflow: hidden;
  /*margin-left:1%;*/
  /*margin-right:1%;*/
  margin-bottom: 20px;
}
.product-index li:hover a {
  color: #fff;
}
.product-index li a:hover .n-text > p {
  color: #0080b7;
}
.product-index li a:hover .n-text > div {
  color: #0080b7;
}
.product-index li .box {
  border: 1px solid #dee0e1;
  height:250px;
  box-shadow: 4 4 4px #e0e0e0;
  background:#fff;
}
.product-index li .box-txt {
  background: url(../images/bg1.png) repeat;
  padding: 15px 10px 5px;
}
.product-index li:hover .box-txt {
  background:#2e6db2;
  padding: 15px 10px 5px;
  color:#FFFFFF!important;
}
.product-index li .box-txt .b-txt {
    height: 44px;
    margin-top: 12px;
}
.product-index li .b-more {
  padding: 15px 0;
  line-height: 20px;
  left: 0;
  width: 100%;
  bottom: -50px;
  background-color: #00b5d6;
  transition: all 0.5s;
}
.product-index li:hover .b-more {
  bottom: 0;
  transition: all 0.5s;
}

<!--ÕÐƸ-->
.x-l-body{ background:#0b50a2;}
.yp-top {
  background: #0b50a2;
}
.join-list .yp-top li {
  height: 60px;
  line-height: 60px;
  float: left;
  width: 193px;
  text-align: center;
  font-size:14px;
}
.join-list .yp-body {
  background: #fff;
  border-bottom: 1px dashed #bfbfbf;
  cursor: pointer;
}
.join-list .yp-body .ypx {
  background: url(../images/yp-x.png) no-repeat center;
}
.join-list .x-l-body > li {
  height: 65px;
  overflow: hidden;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}
.join-list .x-l-body > li:nth-child(1) {
  border-bottom: 0px dashed #bfbfbf !important;
}
.join-list .x-l-body > li:hover .yp-body li,
.join-list .x-l-body > li.cur .yp-body li {
  color: #0c50a2;
}
.join-list .x-l-body > li:hover .yp-body .ypx,
.join-list .x-l-body > li.cur .yp-body .ypx {
  background: url(../images/yp-h.png) no-repeat center;
}
.join-list .x-l-body > li.cur {
  height: auto;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
  border-bottom: 1px dashed #bfbfbf;
}
.yp-conx p{ line-height:30px;}


.conatct_ll li{ border:1px solid #d2d2d2; padding:20px; margin-left:10px; margin-right:10px; width:41%; margin-bottom:20px; min-height:115px;}